﻿.example-panel
{
	width: 870px;
	height:585px;
	background: transparent url('Images/background.png') no-repeat 0 0;
	padding: 55px 0 0 8px;
}
.RadSplitter
{
	border: none !important;
	margin: 0 !important;
}

.RadPanelBar .rootGroup
{
	border-left: none;
	border-right: none;
}

.calendar-container
{
	width:220px;
	margin: 0 auto 7px auto;
}

.calendar-title
{
    height: 26px;
    padding: 6px 5px;
    font-size: 16px;
    font-color: #1e395b;
}

#RadScheduler1Panel
{
	width: 100%;
	overflow: hidden;
}

div.RadScheduler
{
	width: 100%;
}

/* Styles for the appointment Subject */
.RadScheduler .rsAptSubject 
{
    text-align: left; 
    margin: 0 0 3px;
    font-size: 11px; 
    font-weight: bold; 
    color: #369;
    height: 17px;
    border-bottom: 1px solid #8bf;
    width: 100%; 
    overflow: hidden;
}	    

/* Remove the Subject underline for all-day appointments */
.RadScheduler .rsAllDayRow .rsAptSubject 
{
    border-bottom: none;
}


div.RadScheduler .rsCategoryPattern .rsAptContent, div.RadScheduler .rsCategoryPattern .rsAptIn, div.RadScheduler .rsCategoryPattern .rsAptMid
{
 background: url('Images/pattern.png') repeat-x left top;   
}